<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>简历平台</title>
    <style>
    .preview_content body {
        margin: 10px;
        padding: 10px;
    }
    
    pre {
        font: inherit;
        white-space: pre-wrap;
    }
    
    .preview_content a {
        margin: 0;
        padding: 0;
    }
    
    .preview_content img {
        padding-bottom: 0;
        margin: 0;
    }
    
    .preview_content span {
        margin: 0;
    }
    
    .preview_content h1 {
        font-size: 95%;
        margin: 0;
        text-overflow: clip;
        line-height: 1.15em;
    }
    
    .preview_content h2 {
        font-size: 100%;
        font-weight: bold;
    }
    
    .preview_content p {
        font-size: 100%;
        margin: 0;
        text-align: left;
    }
    
    .preview_content ul {
        overflow: hidden;
        text-align: left;
    }
    
    .preview_content ul li {
        float: left;
        line-height: 2;
        list-style-type: none;
    }
    
    .preview_content .ul_list li {
        margin-right: 25px;
    }
    
    .preview_content .divmain {
        color: #333;
        font-family: Microsoft YaHei;
        font-size: 14px/22px;
        word-wrap: break-word;
        margin: 0px auto;
        width: 680px;
        height: auto;
        padding: 20px;
    }
    
    .preview_content table {
        table-layout: fixed;
        margin: 2% auto;
        padding: 0;
        width: 100%;
        background-color: transparent;
        clear: left;
    }
    
    .preview_content caption {
        text-align: left;
        padding-bottom: 3px;
    }
    
    .preview_content thead {
        text-align: left;
        padding: 5% 0 8px 20px;
        vertical-align: top;
    }
    
    .preview_content tbody {
        padding-left: 8%;
        vertical-align: top;
        line-height: 140%;
        padding-left: 5%;
    }
    
    .preview_content th {
        text-align: left;
        padding-left: 3%;
    }
    
    .preview_content td {
        text-align: left;
    }
    
    .preview_content li {
        list-style: none;
    }
    
    .preview_content .box {
        float: left;
        margin-bottom: 20px;
    }
    
    .preview_content .cell {
        min-height: 22pt;
        font-size: 12pt;
        color: #FFF;
        font-weight: bold;
        line-height: 1.75;
        margin: 0;
    }
    
    .preview_content .border_box {
        text-align: center;
        box-sizing: border-box;
        border-radius: 5px;
    }
    
    .divmain {
        -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
    }
    </style>
</head>
<#import "enums.ftl" as enums>
<body class="preview_content">
    <div class="divmain">
        <div class="box border_box" style="width:25%;height:auto;padding-left=5%;padding-top:10px; padding-bottom: 0;">
            <img src="${contextPath}/${resume.seeker.headpic}" alt="header" width="120px" height="110px"/>
        </div>
        <div class="box border_box" style="width:65%; height:110px;padding: 10px 5% 0 3%;">
            <h1 style="font-size: 270%;padding-bottom:20px;">${resume.seeker.name}</h1>
            <ul class="ul_list">
                <li><img src="${contextPath}/resources/img/public/template_mobile.png" width="15px"/> ${resume.seeker.phone}</li>
                <li><img src="${contextPath}/resources/img/public/template_mail.png" width="15px"/> ${resume.seeker.mail}</li>
            </ul>
        </div>
        <div class="cell border_box" style="width: 15.0%;background-color: #CD853F; clear: left;">期望工作</div>
        <table style="border-top:3px solid #CD853F;">
            <tbody>
                <#list resume.disireLst as disire>
                    <tr><td><div class="box border_box" style="width:100%;height:auto;padding: 2%;text-align: left;background-color:transparent;"><p>${disire.position} | <@enums.jobType disire.type/> | <@enums.salary disire.salary/> | ${disire.city} | 预计到岗日期：${disire.intentDate}</p></div></td></tr>
                </#list>
            </tbody>
        </table>
        <div class="cell border_box" style="width: 15.0%;background-color: #CD853F;">教育背景</div>
        <table style="border-top:3px solid #CD853F;">
            <tbody>
                <#list resume.educationLst as education>
                    <tr><td><div class="box border_box" style="width:100%;height:auto;padding: 2%;text-align: left;background-color:transparent;"><h1>${education.duration} ${education.school} | ${education.major} | <@enums.degree education.degree/></h1></div></td></tr>
                </#list>
            </tbody>
        </table>
        <div class="cell border_box" style="width: 15.0%;background-color: #CD853F;">工作经历</div>
        <table style="border-top:3px solid #CD853F;">
            <tbody><tr><td><div class="box border_box" style="width:100%;height:auto;padding: 2%;text-align: left;background-color:transparent;">
                <#list resume.workExperienceLst as work>
                    <h1>${work.duration} | ${work.position} | ${work.company}</h1>
                    <p style="text-indent: 2em;"><pre>${work.task}</pre></p>
                </#list>
            </div></td></tr></tbody>
        </table>
        <div class="cell border_box" style="width: 15.0%;background-color: #CD853F;">项目经验</div>
        <table style="border-top:3px solid #CD853F;">
            <tbody><tr><td><div class="box border_box" style="width:100%;height:auto;padding: 2%;text-align: left;background-color:transparent;">
                <#list resume.projectExperienceLst as project>
                    <h1>${project.duration} ${project.position} | ${project.proName}</h1>
                    <pre>${project.proDesc}</pre>
                </#list>
            </div></td></tr></tbody>    
        </table>
        <div class="cell border_box" style="width: 15.0%;background-color: #CD853F;">技能评价</div>
        <table style="border-top:3px solid #CD853F;">
            <tbody><tr><td><div class="box border_box" style="width:100%;height:auto;padding: 2%;text-align: left;background-color:transparent;">
                <#list resume.skillLst>
                    <#items as skill>
                        <p><strong>${skill.name}: </strong><@enums.level skill.level/></p>
                    </#items>
                </#list>
            </div></td></tr></tbody>
        </table>
        <div class="cell  border_box" style="width: 15.0%;background-color: #CD853F;">自我描述</div>
        <table style="border-top:3px solid #CD853F;">
            <tbody><tr><td><div class="box border_box" style="width:100%;height:auto;padding: 2%;text-align: left;background-color:transparent;">
                <#list resume.selfDescLst as self>
                    <pre>${self.content}</pre>
                </#list>
            </div></td></tr></tbody>
        </table>
    </div>
</body>

</html>
